<script setup>
import {version as v1, ref} from 'vue'
import Bb from "@/components/Bb.vue";
import Aa from "@/components/Aa.vue";

const v2 = ref('2.1.6')
import {useCounterStore} from './stores/counter'

const c = useCounterStore()

import {useTokenStore} from './stores/token'

const us = useTokenStore()


</script>

<template>
  {{ v1 }} {{ v2 }}
  <h1>App</h1>
  <button @click="us.count++">add</button>
  <button @click="us.increment()">increment</button>
  <button @click="c.count++">add</button>
  <button @click="c.increment()">increment</button>
  <p>{{us.count}} ---{{us.doubleCount}}</p>
  <hr>
  <p>{{ c.count }} -- {{ c.doubleCount }}</p>
  <p>{{}}</p>

  <h1>Aa组件</h1>
  <Aa/>
  <h1>BB组件</h1>
  <Bb/>


</template>

<style scoped>

</style>
